/*
This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
It is supposed to be strictly declarative and only uses a subset of QML. If you edit
this file manually, you might introduce QML code that is not supported by Qt Design Studio.
Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
*/

import QtQuick
import CustomizedComponents

Item {
    id: uiRoot
    property string centerText: "Hello World"

    width: 300
    height: 400
    // anchors.fill: parent

    // Rectangle {
    //     anchors.fill: parent

    //     Text {
    //         id: centerText
    //         anchors.horizontalCenter: parent.horizontalCenter
    //         anchors.top: parent.top
    //         anchors.topMargin: 20
    //         text: uiRoot.centerText
    //     }

    //     SvgBtn {
    //         id: openFolderBtn
    //         anchors.horizontalCenter: parent.horizontalCenter
    //         anchors.top: centerText.bottom
    //         anchors.topMargin: 20
    //         svgSource: "qrc:HUAPI_QtQuick_content/resources/images/svg/OpenFolder.svg"
    //     }

    //     ImgCard {
    //         id: imgCard
    //         anchors.horizontalCenter: parent.horizontalCenter
    //         anchors.top: openFolderBtn.bottom
    //         anchors.topMargin: 20
    //         width: 600
    //         height: 400
    //         imgSource: "qrc:HUAPI_QtQuick_content/resources/images/Carousel/6.jpg"
    //     }

    //     CanvasImg {
    //         id: canvasImg
    //         anchors.horizontalCenter: parent.horizontalCenter
    //         anchors.top: imgCard.bottom
    //         anchors.topMargin: 20
    //         width: 600
    //         height: 400
    //         imgSource: "qrc:HUAPI_QtQuick_content/resources/images/Carousel/1.jpg"
    //         imgFillMode: Image.PreserveAspectFit
    //     }

    //     // CanvasRec {
    //     //     id: canvasRec
    //     //     width: parent.width
    //     //     anchors.horizontalCenter: parent.horizontalCenter
    //     //     anchors.top: canvasImg.bottom
    //     //     anchors.topMargin: 20
    //     // }
    // }

    // CanvasRec {
    //     id: canvasRec
    //     anchors.fill: parent
    // }
}
